@media (min-width: 1100px){
	.up-out{
		display: none;
	}
	.small{
		display: none;
	}
	
	.slide-nav{
		position: fixed;
		right: 20px;
		top: 57%;
		transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
	}
	.slide-nav ul li{
		list-style: none;
	}
	
	#slides a:hover,#slides li.active a{
		background-color: #328665;
	}


	.slide-nav ul li a:hover .triangle,.slide-nav ul li.active a .triangle{
		
		background:#328665;
		
	}
	.triangle {
		
		line-height: 18px;
/*		top:;*/
		background: #989191;
		color: #fff;
		font-size: 14px;
		padding: 5px 8px 4px 8px;
		
		margin-top: -14px;
		font-weight: bold;
		display: block;
		border-radius:inherit;
		
	}
	.triangle:before{
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		right: -25px;
		top: 13px;
		width: 26px;
		border-bottom: 2px solid #c10202;
	}
	.slide-nav a{
		display: block;
		width: 44px;
		background-color: #939393;
		cursor: pointer;
		border-radius: 50%;
		transition: 0.5s;
		clear: both;
		margin-bottom: 15px;
		text-decoration: none;
	}
	
}


@media only screen and (max-width:1109px){
    .slide-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.slide-nav ul li {
    list-style: none;
}
#mobile_nav_point{
   display: block!important;
}
.slide-nav a {
    display: block;
    /* height: 15px; */
    width: 40px;
    background-color: #939393;
    cursor: pointer;
    border-radius: 0;
    transition: 0.5s;
    clear: both;
    margin-bottom: 15px;
    text-decoration: none;
}

#slides a:hover,
#slides li.active a {
    background-color: #c10202;
    /*border-radius: 50%;*/
}

.slide-nav {
    position: fixed;
    right: -40px;
    top: 52%;
}

.slide-nav ul li {
    list-style: none;
}

.slide-nav ul li a:hover .triangle,
.slide-nav ul li.active a .triangle {
    background: #328665;
}

.triangle {
    /* white-space: nowrap; */
   /* text-indent: 999;*/
    /* display: none; */
    /* right: 1.5rem; */
/*    top: ;*/
    background: #989191;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px 4px 8px;
    /* position: absolute; */
    /* white-space: nowrap; */
    margin-top: -14px;
    font-weight: bold;
    display: block;
    border-radius: 0px;
    /* text-decoration: none; */
	line-height: 13px;
}

.triangle:before {
    /* content: ''; */
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: -25px;
    top: 13px;
    width: 26px;
    /* border-top: 6px solid transparent; */
    border-bottom: 2px solid #c10202;
    /* border-left: 6px solid #c10202; */
}

.shouji_zs {
    display: block;
    position: relative;
    width: 100%;
}

.zs {
    position: absolute;
    z-index: 10;
    top: 80px;
    right: 41px;
    width: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: rgba(255,255,255,0.8);
    padding: 12px;
    color: #328665;
    cursor: pointer;
    font-weight: 700;
}
.arrow_simle_righ {
    width: 15px!important;
    height: 15px!important;
    background: url(/img/arrow_simle_righ.png) no-repeat;
    background-size: 100% 100%;
}
.arrow_simle_left {
    width: 15px!important;
    height: 15px!important;
    background: url(/img/arrow_simle_left.png) no-repeat;
    background-size: 100% 100%;
}
}